﻿.header {
  position:fixed;
  width:100%;
  top:0;
  z-index:10;
  padding:10px 0;
  background:rgba(241,69,69,.9);
  .logo {
    img {
      display:block
    }
  }
  .nav {
    padding-top:14px;
    li {
      float:left;
      padding:0 15px;
      a {
        display:block;
        width:90px;
        line-height:42px;
        color:#fff;
        text-align:center
      }
    }
    .it {
      a {
        border-bottom:solid 1px transparent
      }
    }
    .it.active a, .it a:hover {
      border-color:rgba(255,255,255,.8)
    }
    .join {
      a {
        line-height:30px;
        margin-top:8px;
        background:#333
      }
    }
  }
}
